﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>固定布局</title>
<style>
	*{ margin:0; padding:0; font-size:40px; color:white; }
	#main{ width:450px; margin:0 auto; }
	#navigation{ width:200px; height:200px; background:red; 
		float:left; }
	#details{ width:250px; height:200px; background:blue; 
		float:left; }
</style>
</head>
<body>
<div id="main">
	<div id="navigation">左侧导航</div>
        <div id="details">右侧详情</div>
</div>
</body>
</html>
